<template>
  <div class="title-bar">
    <img class="img" src="../../assets/img/title-font.png" alt="">
    <span>{{data.name}}</span>
  </div>
</template>
<script>
export default {
  name: 'TitleBar',
  props: {
    data: {
      type: Object,
      name: {
        type: String
      },
      color: {
        type: String
      }
    }
  }
}
</script>
<style lang="less">
  .title-bar {
    padding-top: 16px;
    padding-left: 16px;
    display: flex;
    align-items: center;
    color: #FFD640;
    .img {
      width: 50px;
      margin-right: 10px;
    }
  }
</style>
